@import 'variable';
.container-user-help{
    width: @width;
    .user-hel-search{  
       position: relative;    
       padding: .1rem .2rem .1rem .2rem;
       box-sizing: border-box;
       border-bottom: 1px solid #D9D9D9;
       text-align: center;
        input{         
            width: 95%;             
            padding: .05rem;
            border: 1px solid #D9D9D9;
            border-radius: .05rem;            
            font-size: .18rem;
            text-align: center;
        }
        
        i{
          position: absolute;
          left: 40%;
          margin-left: -.3rem;          
          top:.16rem; 
          display: inline-block;
          background-image: url(../img/index/search.png);
          width: .2rem;
          height: .2rem;
          background-size: 100% 100%;
        }
    }
    ul{
        background:@inner-background;
        margin-bottom:.2rem;
        li+li{
                border-top: 1px solid #D9D9D9;
        }
        li{
            position: relative;
            display: flex;
            align-items: center;
            margin-left: .2rem;
            padding: .25rem 0;
            
            img{
                width: .27rem;
               
            }
            span{
                display: inline-block;
                font-size: .2rem;
                margin-left: .1rem;
            }
            i{
              position: absolute;
              right: .2rem;
              font-size: .36rem; 
              color:@font-light-color; 
            }
        }
    }
}
